<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>主功能区</title>
		<link rel="stylesheet" href="./css/mainFunctionPage.css" />
		<link rel="stylesheet" href="./iconfont/iconfont.css" />
		<script src="./js/lib/alloyFinger.js"></script>
		<script src="./js/flexible.js"></script>
	</head>
	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="text pickedUp selected">
				<a href="javascript:;">
					<p>待提货</p>
				</a>
			</div>
			<div class="text middle">
				<a href="javascript:;">
					<p>在途</p>
				</a>
			</div>
			<div class="text finish">
				<a href="javascript:;">
					<p>已完成</p>
				</a>
			</div>
			<!-- 底部滑动条 -->
			<div class="slider"></div>
		</div>

		<!-- 已完成界面 -->
		<div class="completed">
			<span class="iconfont icon-sousuo"></span>
			<input
				class="taskNum"
				name="num"
				type="text"
				placeholder="请输入任务编号" />
			<a href="javascript:;">
				<span class="clear iconfont icon-tianjia"></span>
			</a>
			<div>
				<a class="start" href="javascript:;">开始时间</a>
				<p>至</p>
				<a class="start" href="javascript:;">结束时间</a>
				<a class="btn" href="javascript:;">筛选</a>
			</div>
		</div>

		<!-- 已完成动画 -->
		<div class="topActive">
			<img src="./images/货车.png" alt />
		</div>

		<!-- 内部为空 -->
		<div class="emptyContent">
			<img src="./images/不存在@2x.png" alt />
			<p class="emptyContentHint">无待提货物</p>
		</div>

		<!-- 待提货列表 -->
		<div class="toPickedUp">
			<!-- 单个列表 -->
		</div>

		<!-- 底栏 -->
		<div class="bottomStyle">
			<!-- 任务 -->
			<div class="tesk">
				<a class="redSel" id="teskBtn" href="javascript:;">
					<span class="iconfont icon-xietongrenwu"></span>
					<p>任务</p>
				</a>
			</div>
			<!-- 消息 -->
			<div class="information">
				<a id="informationBtn" href="javascript:;">
					<span class="iconfont icon-btn_mess_nor"></span>
					<p>消息</p>
				</a>
			</div>
			<!-- 我的 -->
			<div class="mine">
				<a id="mineBtn" href="javascript:;">
					<span class="iconfont icon-btn_mine_nor"></span>
					<p>我的</p>
				</a>
			</div>
		</div>

		<!-- 加载中动画 -->
		<div class="loading">
			<div></div>
			<p>加载中...</p>
		</div>
		<script src="./js/mainFunctionPage.js"></script>
	</body>
</html>
